<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>审批详情</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/header.css" />
    <link rel="stylesheet" type="text/css" href="css/examine_detail.css" />
    <style>
        .aui_list {
            width: 95%;
            margin: 0.5rem auto;
            background: #fff;
            border-radius: 8px;
            padding: 10px 14px 8px 14px;
        }

        .top_box {
            background: #fff;
            border-top: solid 0.5px #eee;
            box-shadow: 0px 1px 7px 0px rgba(60, 128, 209, 0.14);
        }

        .contain_main {
            padding: 20px 20px 16px 20px;
        }

        .examine_title {
            font-size: 0.85rem;
            font-weight: 500;
        }

        .examine_con {
            padding: 8px 0px;
            overflow: hidden;
        }

        .examine_con_list {
            width: 100%;
            padding: 2px 0px;
            overflow: hidden;
        }

        .ex_con_lft {
            width: 24%;
            color: #828c9a;
            font-size: 0.75rem;
            float: left;
        }

        .ex_con_rgt {
            width: 75%;
            color: #344356;
            float: right;
            font-size: 0.75rem;
        }

        .examine_statue {
            width: 100%;
            padding-top: 8px;
            font-size: 0.75rem;
        }

        .tongguo {
            color: #2cb348;
        }

        .ex_pad {
            padding: 20px 0px;
        }

        .icon_type {
            position: absolute;
            left: -15px;
            width: 40px;
            float: left;
            font-size: 0.7rem;
            line-height: 40px;
            padding-top: 5px;
            color: #fff;
        }

        .task_process_con.con_right {}

        .boxarea-top {
            margin-top: 10px;
        }

        .boxarea-top .examine_con_list {
            font-weight: 500;
        }
        .moreContent{
            width: 100%;
            padding: 20px 15px;
            font-size: 0.8rem;
            line-height: 1.5rem;
        }
        .moreContent span{
            font-weight: 600;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <section class="aui-content contentBox">
            <div v-if="FormData.Type==2">
                <div class="top_box">
                    <div class="contain_main">
                        <div class="examine_title">{{FormData.Title}}</div>
                        <div class="examine_con">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">优惠说明</div>
                                <div class="ex_con_rgt">{{FormData.DiscountRemark}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">所属项目</div>
                                <div class="ex_con_rgt">{{FormData.ProjectName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">部门岗位</div>
                                <div class="ex_con_rgt">{{FormData.DepartmentNames}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">发起时间</div>
                                <div class="ex_con_rgt">{{FormData.AddTime}}</div>
                            </div>
                            <div class="examine_statue tongguo">{{FormData.StateDesc}}...</div>
                        </div>
                    </div>
                </div>

                <div class="aui_list boxarea mb20">
                    <div class="boxarea-top">
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333;">资源位置</div>
                            <div class="ex_con_rgt">{{FormData.ProjectFullName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333;">客户名称</div>
                            <div class="ex_con_rgt">{{FormData.OwnerName}}</div>
                        </div>
                    </div>
                    <div class="examine_con ex_pad" style="border-bottom:dashed 0.5px #eee"
                        v-for="(item,index) in FormData.RoomFeeList">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">收费项目</div>
                            <div class="ex_con_rgt">{{item.ChargeName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">计费周期</div>
                            <div class="ex_con_rgt">{{item.TimeRange}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">应收金额</div>
                            <div class="ex_con_rgt">{{item.TotalCost}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">优惠金额</div>
                            <div class="ex_con_rgt">{{item.DiscountCost}}</div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 放行条 -->
            <div v-if="FormData.Type==16">

                <div class="top_box">
                    <div class="contain_main">
                        <div class="examine_title">{{FormData.Title}}</div>
                        <div class="examine_con">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">资源位置</div>
                                <div class="ex_con_rgt">{{FormData.RoomName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">住户名称</div>
                                <div class="ex_con_rgt">{{FormData.OwnerName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">通行事由</div>
                                <div class="ex_con_rgt">{{FormData.VisitTypeName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">物品信息</div>
                                <div class="ex_con_rgt">{{FormData.ItemInformation}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">车辆信息</div>
                                <div class="ex_con_rgt">{{FormData.VehicleInformation}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">放行时间</div>
                                <div class="ex_con_rgt">{{FormData.StartTime}}分前有效</div>
                            </div>
                            <div class="examine_statue">放行说明</div>
                            <div class="examine_statue" style="padding-top: 4px;color: #344356;">{{FormData.ReleaseInstructions}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 装修 -->
            <div v-if="FormData.Type==17">

                <div class="top_box">
                    <div class="contain_main">
                        <div class="examine_title">{{FormData.Title}}</div>
                        <div class="examine_con">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">资源位置</div>
                                <div class="ex_con_rgt">{{FormData.RoomName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">办理客户</div>
                                <div class="ex_con_rgt">{{FormData.UseName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">手机号码</div>
                                <div class="ex_con_rgt">{{FormData.UsePhoneNumber}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">装修申请时间</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.ApplyTimeDesc}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">装修开始时间</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.StartTimeDesc}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">装修结束时间</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.EndTimeDesc}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">预计装修面积</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.RoomArea}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">领取出入证数量</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.PassNumber}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft" style="width: 36%;">垃圾清运方式</div>
                                <div class="ex_con_rgt" style="width: 63%;">{{FormData.GarbageDisposal}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">代办人</div>
                                <div class="ex_con_rgt">{{FormData.AgentName}}</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="aui_list boxarea mb20">
                    <div class="boxarea-top">
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333;">施工单位</div>
                            <div class="ex_con_rgt">{{FormData.ConstructionUnit}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333; width: 36%;" >营业执照号</div>
                            <div class="ex_con_rgt" style="width: 63%;">{{FormData.ConstructionUnitNumber}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333; width: 36%;">施工单位负责人</div>
                            <div class="ex_con_rgt" style="width: 63%;">{{FormData.ConstructionUnitName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333; width: 36%;">负责人电话</div>
                            <div class="ex_con_rgt" style="width: 63%;">{{FormData.ConstructionUnitPhone}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="color: #333;">装修项目</div>
                            <div class="ex_con_rgt">{{FormData.RegisterDesc}}</div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 采购申请 -->
            <div v-if="FormData.Type==1">
            <div class="top_box">
                <div class="contain_main">
                    <div class="examine_title">{{FormData.Title}}</div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">物品用途</div>
                            <div class="ex_con_rgt">{{FormData.GoodsUseName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">部门岗位</div>
                            <div class="ex_con_rgt">{{FormData.DepartmentNames}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">发起时间</div>
                            <div class="ex_con_rgt">{{FormData.AddTime}}</div>
                        </div>
                        <div class="examine_statue tongguo">{{FormData.StateDesc}}...</div>
                    </div>
                </div>               
            </div>
            <div class="aui_list boxarea mb20">
                <div class="examine_con ex_pad" style="border-bottom:dashed 0.5px #eee" v-for="(item,index) in FormData.GoodsList">
                    <div class="examine_con_list">
                        <div class="ex_con_lft">物品{{index+1}}</div>
                    </div>
                    <div class="examine_con_list">
                        <div class="ex_con_lft">名称</div>
                        <div class="ex_con_rgt">{{item.GoodsName}}</div>
                    </div>
                    <div class="examine_con_list">
                        <div class="ex_con_lft">数量</div>
                        <div class="ex_con_rgt">{{item.GoodsNumber}}</div>
                    </div>
                </div>
            </div>

            
        </div>

            <!-- 通知公告审批 -->
            <!-- v-if="Type==9" -->
            <div v-if="FormData.Type==9||FormData.Type==11||FormData.Type==12||FormData.Type==13||FormData.Type==14" >
            <div class="top_box">
                <div class="contain_main">
                    <div class="examine_title">{{FormData.Title}}</div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">通知对象</div>
                            <div class="ex_con_rgt">{{FormData.NotifyObject}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">推送方式</div>
                            <div class="ex_con_rgt">{{FormData.NotifyObject}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">推送范围</div>
                            <div class="ex_con_rgt">
                                <span v-for="item in FormData.ProjectNameList" style="margin-right: 6px;">{{item}}</span>
                            </div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">有效时间</div>
                            <div class="ex_con_rgt">{{FormData.StartTime}}~{{FormData.EndTime}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">发起时间</div>
                            <div class="ex_con_rgt">{{FormData.StartTime}}</div>
                        </div>
                        <div class="examine_statue tongguo">{{FormData.StateDesc}}...</div>
                    </div>
                </div>               
            </div>
            <div class="aui_list boxarea mb20">
                <div class="">
                    <div v-on:click="do_tongzhidetail(FormData.RelatedID,FormData.Type)" class="work_title" style="margin-bottom: 10px;">
                        内容信息
                        <i class="icon iconfont icon-xiangyoujiantou" style=" float: right; font-weight: normal; color: #bbb; font-size: 0.7rem;"></i>
                    </div>
                    <div class="examine_con">
                        <div v-if="FormData.PicPath!=''" class="tz-pic">
                            <img v-bind:src="FormData.PicPath">
                        </div>
                        <div class="tz-content">
                            <div class="tz-title ellipsis_one">{{FormData.MsgTitle}}</div>
                            <div class="tz-msg ellipsis_two">{{FormData.MsgContent}}</div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>





            <!-- 房屋租售审批 -->
            <!-- v-if="Type==10" -->
            <div v-if="FormData.Type==10">
            <div class="top_box">
                <div class="contain_main">
                    <div class="examine_title">{{FormData.Title}}</div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">资源位置</div>
                            <div class="ex_con_rgt">{{FormData.ProjectName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">类型</div>
                            <div class="ex_con_rgt">{{FormData.SellTypeDesc}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">发起时间</div>
                            <div class="ex_con_rgt">{{FormData.AddTime}}</div>
                        </div>
                        <div class="examine_statue tongguo">{{FormData.StateDesc}}...</div>
                    </div>
                </div>               
            </div>
            <div class="aui_list boxarea mb20">
                <div class="">
                    <div v-on:click="do_open_housedetail(FormData.WechatRentHomeID)" class="work_title" style="margin-bottom: 10px;">
                        内容信息<i class="icon iconfont icon-xiangyoujiantou" style="float: right; font-weight:normal; font-size: 0.7rem; color: #ccc;"></i>
                    </div>
                    <div class="examine_con">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">联系人</div>
                            <div class="ex_con_rgt">{{FormData.RoomContacts}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">联系电话</div>
                            <div class="ex_con_rgt">{{FormData.RoomPhoneNumber}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">发布标题</div>
                            <div class="ex_con_rgt">{{FormData.HomeName}}</div>
                        </div>
                    </div>
                </div> 
            </div>
        </div>

            <!-- 生活服务审批 -->
            <!-- v-if="Type==15" -->
            <div v-if="FormData.Type==15">
                <div class="top_box">
                    <div class="contain_main">
                        <div class="examine_title">{{FormData.Title}}</div>
                        <div class="examine_con">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">服务类别</div>
                                <div class="ex_con_rgt">{{FormData.CategoryName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">服务名称</div>
                                <div class="ex_con_rgt">{{FormData.RelatedName}}</div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">所属项目</div>
                                <div class="ex_con_rgt"><span v-for="item in FormData.ProjectNameList">{{item}}</span></div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">发起时间</div>
                                <div class="ex_con_rgt">{{FormData.AddTime}}</div>
                            </div>
                            <div class="examine_statue tongguo">{{FormData.StateDesc}}...</div>
                        </div>
                    </div>
                </div>
                <div class="aui_list boxarea mb20">
                    <div class="">
                        <div class="work_title" style="margin-bottom: 10px;">
                            内容信息<i v-if="FormData.UseOutLink==false" v-on:click="do_linedetail(FormData.RelatedID)" class="icon iconfont icon-xiangyoujiantou" style="float: right; font-weight:normal; font-size: 0.7rem; color: #ccc;"></i>
                        </div>
                        <div class="examine_con">
                            <div class="examine_con_list">
                                <div class="ex_con_lft">封面图片</div>
                                <div class="ex_con_rgt ex_wpic"><img v-bind:src="FormData.IconLink"></div>
                            </div>
                            <div class="examine_con_list">
                                <div class="ex_con_lft">类型</div>
                                <div v-if="FormData.UseOutLink" class="ex_con_rgt">外部链接</div>
                                <div v-else class="ex_con_rgt">自定义服务</div>
                            </div>
                            <div v-if="FormData.UseOutLink" class="examine_con_list">
                                <div class="ex_con_lft">链接地址</div>
                                <div class="ex_con_rgt" v-on:click="open_OutLink(FormData.OutLinkURL)">{{FormData.OutLinkURL}}</div>
                            </div>
                            <div v-else class="examine_con_list">
                                <div class="ex_con_lft">预约电话</div>
                                <div class="ex_con_rgt">{{FormData.ContactPhone}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--审批轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">审批轨迹</div>
                <div class="gj_con">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-for="item in FormData.TrailList">
                            <div class="icon_type">{{item.StepName}}
                                <img v-if="item.State==1||item.State==4"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/yes.png">
                                <img v-if="item.State==3||item.State==2"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/loads.png">
                                <img v-if="item.State==5"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/close.png">
                                <img v-if="item.State==6"
                                    style=" position: absolute; width: 20px; height: 20px;  right:-3px; bottom: -4px;"
                                    src="../image/cx.png">
                                <!-- <i v-if="item.State==1||item.State==4" class="icon iconfont icon-yidu" style=" position: absolute; color:#47e65b; font-size: 0.6rem; right:5px; bottom: -13px;"></i> -->
                                <!-- <i v-if="item.State==3||item.State==2" class="icon iconfont icon-jinhangzhong" style=" position: absolute; color:#f4ea2a; font-size: 0.6rem; right:5px; bottom: -13px;"></i> -->
                                <!-- <i v-if="item.State==5" class="icon iconfont icon-guanbi" style=" position: absolute; color:#f00; font-size: 0.6rem; right:5px; bottom: -13px;"></i>
                                <i v-if="item.State==6" class="icon iconfont icon-guanbi" style=" position: absolute; color:#eee; font-size: 0.6rem; right:5px; bottom: -13px;"></i> -->
                            </div>
                            <div class="task_process_con con_right">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl" v-bind:class="{'max-width':item.AcceptTime==''}">
                                            <div class="fl">{{item.AcceptName}}</div>
                                            <div class="cl"></div>
                                        </div>
                                        <div class="task_process_basic_title_time ccc fr">{{item.AcceptTime}}</div>
                                        <div class="cl"></div>
                                        <div class="handle_con_msg ">
                                            {{set_value(item.AcceptCont)}}
                                            <span v-if="item.AcceptCont.length>30" v-on:click="open_more(item)" class="jiedian look_more">更多</span>
                                        </div>
                                        <div class="cl"></div>
                                        <van-popup v-model="showmore" style="width: 80%; border-radius: 10px;">
                                            <div class="moreContent"><span>{{moreName}}</span>：{{moreContent}}</div>
                                        </van-popup>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                        <!-- <li class="processulli  li-border-color-grey">
                            <div class="icon_type">发起</div>
                            <div class="task_process_con con_right">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">李文静</div>
                                            <div class="cl"></div>
                                        </div>
                                        <div class="task_process_basic_title_time ccc fr">08:25:00</div>
                                        <div class="cl"></div>
                                        <div class="handle_con_msg ">
                                            <span class="jiedian">完成了工单</span>
                                        </div>
                                        <div class="cl"></div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li> -->
                    </ul>

                    <!-- <div v-if="form.processlist.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div> -->
                </div>
            </div>

            <!-- con end-->
            <div class="new-btn-bottom">
                <div v-if="FormData.IsRevoke==true&&FormData.State==1" class="new-blue-btn" v-on:click="doRevoke(FormData.ApprovalID)">撤销</div>
                <!-- <div v-if="btnstatus==false||StateDesc=='已撤销'"  class="new-blue-btn" style="background-color: #eee; color:#666; box-shadow: unset;"  v-on:click="doRevoke(ApprovalID)">已撤销</div> -->
                <div v-if="FormData.IsAccept==true" class="new-blue-btn" v-on:click="do_open_jujue(FormData.ApprovalID)">拒绝</div>
                <div v-if="FormData.IsReject==true" class="new-blue-btn" v-on:click="do_open_sure(FormData.ApprovalID)">同意</div>
            </div>
        </section>
    </div>

</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/examine_detail.js"></script>

</html>